<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ include file="header.jsp"%>

<form name="search_reserve_fm" onsubmit="return false">
	<div id="quick_reserve">
		<h2>온라인객실예약</h2>
		<div class="reserve_option">
			<h3>숙박시작일</h3><!-- 처음 로딩시 초기값은 현재 날짜로 선택되어 있도록 한다 -->
			<select name="year" onchange="setSearchDay('')">
				<option value="2014">2014</option><option value="2015"> 2015</option>
			</select>년
			<select name="month" onchange="setSearchDay('')">
				<option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option>
			</select>월
			<select id="search_day" name="day" >
			<option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20" selected="">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>일
		</div>
		<div class="reserve_option">
			<h3>박수</h3>
			<select name="days">
				<option value="1" selected="selected">1박2일</option>
				<option value="2">2박3일</option>
				<option value="3">3박4일</option>
				<option value="4">4박5일</option>
			</select>
		</div>
		<div class="reserve_option">
			<h3>인원</h3>
			<select name="person">
				<option value="2" selected="">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option>
			</select>명
		</div>
		<input class="btn_real2" type="button" name="" value="객.실.예.약.하.기" onclick="searchReserve()">
	</div>
</form>



<div id="container">
	<div id="scontents">
		<script type="text/javascript">
			initNavigation('3');
		</script>

		<h2 id="sub_title">
			<span class="Etitle">ROOM PREVIEW</span><span class="ktitle">펜션외부 보기</span>
		</h2>


	<!-- SlidesJS Required: Start Slides -->
  <!-- The container is used to define the width of the slideshow -->
  <div class="container">
    <div id="slides">
      <img src="images/13641777680.jpg" alt="Photo by: Missy S Link: http://www.flickr.com/photos/listenmissy/5087404401/">
      <img src="images/13641885750.jpg" alt="Photo by: Daniel Parks Link: http://www.flickr.com/photos/parksdh/5227623068/">
      <img src="images/13641885751.jpg" alt="Photo by: Mike Ranweiler Link: http://www.flickr.com/photos/27874907@N04/4833059991/">
      <img src="images/13641885752.jpg" alt="Photo by: Stuart SeegerLink: http://www.flickr.com/photos/stuseeger/97577796/">
      <img src="images/13641885753.jpg" alt="Photo by: Stuart SeegerLink: http://www.flickr.com/photos/stuseeger/97577796/">
      <img src="images/13641885754.jpg" alt="Photo by: Stuart SeegerLink: http://www.flickr.com/photos/stuseeger/97577796/">
      <img src="images/13641885755.jpg" alt="Photo by: Stuart SeegerLink: http://www.flickr.com/photos/stuseeger/97577796/">
      <img src="images/13641885756.jpg" alt="Photo by: Stuart SeegerLink: http://www.flickr.com/photos/stuseeger/97577796/">
    </div>
  </div>
  <!-- End SlidesJS Required: Start Slides -->

  <!-- SlidesJS Required: Link to jQuery -->
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <!-- End SlidesJS Required -->

  <!-- SlidesJS Required: Link to jquery.slides.js -->
  <script src="js/jquery.slides.min.js"></script>
  <!-- End SlidesJS Required -->

  <!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready -->
  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 940,
        height: 528,
        play: {
          active: true,
          auto: true,
          interval: 1500,
          swap: true
        }
      });
    });
  </script>
  <!-- End SlidesJS Required -->
		<br>
		
	</div>


	<%@include file="footer.jsp"%>